<!doctype html>
<html class="no-js" lang="" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="description" content="Flat, Clean, Responsive, admin template built with bootstrap 3">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">

    <title>基本资料</title>

    <script type="text/javascript">
        //<![CDATA[
        try {
            if (!window.CloudFlare) {
                var CloudFlare = [{
                    verbose: 0,
                    p: 0,
                    byc: 0,
                    owlid: "cf",
                    bag2: 1,
                    mirage2: 0,
                    oracle: 0,
                    paths: {
                        cloudflare: "/cdn-cgi/nexp/dok2v=1613a3a185/"
                    },
                    atok: "1668c19642567e08c574f5d9458345a2",
                    petok: "c4a8706622d645c7d3b58c85407aa82464d80a8b-1419101779-1800",
                    zone: "nyasha.me",
                    rocket: "0",
                    apps: {
                        "ga_key": {
                            "ua": "UA-50530436-1",
                            "ga_bs": "2"
                        }
                    }
                }];
                CloudFlare.push({
                    "apps": {
                        "ape": "afc2ca346c89b63ad937f06e5924c7e7"
                    }
                });
                ! function(a, b) {
                    a = document.createElement("script"), b = document.getElementsByTagName("script")[0], a.async = !0, a.src = "js/cloudflare.min.js", b.parentNode.insertBefore(a, b)
                }()
            }
        } catch (e) {};
        //]]>
    </script>
    <link rel="stylesheet" href="vendor/medium/medium-editor.css">
    <link rel="stylesheet" href="vendor/medium/theme.css">
    <link rel="stylesheet" href="vendor/offline/theme.css">
    <link rel="stylesheet" href="vendor/pace/theme.css">
    <link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/bootstrap-3.3.4.css">
    <link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
    <link rel="stylesheet" href="css/animate.min.css">

    <link rel="stylesheet" href="css/panel.css">

    <link rel="stylesheet" href="css/skins/palette.1.css" id="skin">
    <link rel="stylesheet" href="css/fonts/style.1.css" id="font">
    <link rel="stylesheet" href="css/main.css">
    <!--[if lt IE 9]>
        <script src="js/html5shiv.js"></script>
        <script src="js/respond.min.js"></script>
    <![endif]-->
    <script src="vendor/modernizr.js"></script>
    <script type="text/javascript">
        /* <![CDATA[ */
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-50530436-1']);
        _gaq.push(['_trackPageview']);

        (function() {
            var ga = document.createElement('script');
            ga.type = 'text/javascript';
            ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(ga, s);
        })();

        (function(b) {
            (function(a) {
                "__CF" in b && "DJS" in b.__CF ? b.__CF.DJS.push(a) : "addEventListener" in b ? b.addEventListener("load", a, !1) : b.attachEvent("onload", a)
            })(function() {
                "FB" in b && "Event" in FB && "subscribe" in FB.Event && (FB.Event.subscribe("edge.create", function(a) {
                    _gaq.push(["_trackSocial", "facebook", "like", a])
                }), FB.Event.subscribe("edge.remove", function(a) {
                    _gaq.push(["_trackSocial", "facebook", "unlike", a])
                }), FB.Event.subscribe("message.send", function(a) {
                    _gaq.push(["_trackSocial", "facebook", "send", a])
                }));
                "twttr" in b && "events" in twttr && "bind" in twttr.events && twttr.events.bind("tweet", function(a) {
                    if (a) {
                        var b;
                        if (a.target && a.target.nodeName == "IFRAME") a: {
                            if (a = a.target.src) {
                                a = a.split("#")[0].match(/[^?=&]+=([^&]*)?/g);
                                b = 0;
                                for (var c; c = a[b]; ++b)
                                    if (c.indexOf("url") === 0) {
                                        b = unescape(c.split("=")[1]);
                                        break a
                                    }
                            }
                            b = void 0
                        }
                        _gaq.push(["_trackSocial", "twitter", "tweet", b])
                    }
                })
            })
        })(window);
        /* ]]> */
    </script>
</head>

<body>
    <div class="app">
        <div th:replace="common :: top"></div>

        <section class="layout">
            <div th:replace="common :: left"></div>

            <section class="main-content">
                <header class="header navbar bg-default">
                    <p class="navbar-text">我的头像</p>
                    <div class="btn-group pull-right mg-r-sm">
                        <a th:href="@{/userUpdate}">
                        <button style="font-size: 14px;" type="button" class="btn btn-sm btn-primary btn-rounded navbar-btn">
                           修改信息
                        </button>
                        </a>
                    </div>
                </header>

                <div class="content-wrap no-padding">
                    <div class="col-md-3">
                        <div class="pd-md text-center">
                            <img th:src="@{'/img/TouXiang/'+ ${session.loginUser.getAvatar()}}" class="avatar avatar-lg img-circle" alt="" style="width: 200px; height: 200px;">
                        </div>
                        <p style="font-size: 40px" class="text-center"
                           th:text="${session.loginUser.getUsername()}">
                            <br>
                        </p>
                        <hr>
                        <p class="text-center" style="font-size: 18px">
                            <small>id：</small>
                            <small th:text="${session.loginUser.getId()}"></small>
                            <br>
                            <small>年龄：</small>
                            <small th:text="${session.loginUser.getAge()}"></small>
                            <br>
                            <small>性别：</small>
                            <small th:text="${session.loginUser.getSex()}"></small>
                            <br>
                            <small>年级：</small>
                            <small th:text="${session.loginUser.getGrade()}"></small>
                            <small>年级</small>
                            <br>
                            <small>电话：</small>
                            <small th:text="${session.loginUser.getTel()}"></small>
                            <br>
                            <small>Email：</small>
                            <small th:text="${session.loginUser.getEmail()}"></small>
                            <br>
                        </p>
                        <br><br>
                        <div class="demo-button text-center">

                        </div>

                        <div th:if="${upMsg != null}" class="alert alert-info">
                            <strong>温馨提示！</strong><span th:text="${upMsg}"></span>
                        </div>
                    </div>

                    <div class="col-md-9 bg-white">
                        <div >
                            <section class="panel no-border">
                                <div class="panel-heading no-border">
                                    <a href="javascript:;" class="pull-left mg-r-md">
                                        <img src="img/avatar.jpg" class="avatar avatar-sm img-circle" alt="">
                                    </a>
                                    <div>Gary Stone
                                        <small class="pull-right">
                                            <a class="fa fa-chevron-down panel-collapsible pd-r-xs" href="javascript:;"></a>
                                            <a class="fa fa-refresh panel-refresh pd-r-xs" href="javascript:;"></a>
                                            <a class="fa fa-times panel-remove" href="javascript:;"></a>
                                        </small>
                                    </div>
                                    <small>shared a picture with Matt Stone.</small>
                                </div>
                                <div class="panel-body no-padding">
                                    <div class="imgpost-heading">
                                        <div class="bx-wrapper" style="max-width: 100%; margin: 0px auto;"><div class="bx-viewport" style="width: 100%; overflow: hidden; position: relative; height: 200px;"><ul class="bxslider" style="width: 415%; position: relative; transition-duration: 0s; transform: translate3d(-808px, 0px, 0px);"><li style="float: left; list-style: none; position: relative; width: 404px;" class="bx-clone">
                                            <div class="cover" style="background-image: url(img/cover.jpg)"></div>
                                        </li>
                                            <li style="float: left; list-style: none; position: relative; width: 404px;">
                                                <div class="cover" style="background-image: url(img/profile-cover.jpg)"></div>
                                            </li>
                                            <li style="float: left; list-style: none; position: relative; width: 404px;">
                                                <div class="cover" style="background-image: url(img/cover.jpg)"></div>
                                            </li>
                                            <li style="float: left; list-style: none; position: relative; width: 404px;" class="bx-clone">
                                                <div class="cover" style="background-image: url(img/profile-cover.jpg)"></div>
                                            </li></ul></div></div>
                                    </div>
                                    <div class="pd-md">
                                        <small>Peter Capaldi, Matt Smith, David Tennant, Christopher Eccleston and 6 others hate the Dalek.</small>
                                        <div class="clearfix mg-t-md">
                                            <img src="img/face3.jpg" class="avatar avatar-sm img-circle pull-left mg-r-md" alt="">
                                            <div class="input-group ">
                                                <input type="text" class="form-control" placeholder="Write a comment">
                                                <span class="input-group-addon">
<i class="fa fa-camera"></i>
</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </section>
                            <section class="panel no-border bg-success">
                                <div class="panel-heading no-border">
                                    <small class="pull-right text-white">
                                        <a class="fa fa-chevron-down panel-collapsible pd-r-xs" href="javascript:;"></a>
                                        <a class="fa fa-refresh panel-refresh pd-r-xs" href="javascript:;"></a>
                                        <a class="fa fa-times panel-remove" href="javascript:;"></a>
                                    </small>
                                    <h5 class="text-white pd">Cameo
                                        <b>Responsive template powered by Twitter bootstrap 3</b>
                                    </h5>
                                </div>
                                <div class="panel-body bg-white">
                                    <a href="javascript:;" class="pull-left mg-r-md">
                                        <img src="img/avatar.jpg" class="avatar avatar-sm img-circle" alt="">
                                    </a>
                                    <div>Gary Stone
                                        <small class="pull-right">12 mins ago</small>
                                    </div>
                                    <small>San Francisco, CA</small>
                                    <p class="mg-t-sm">
                                        The whole of science is nothing more than a refinement of everyday thinking.
                                    </p>
                                    <div class="text-muted">
                                        <a href="javascript:;" class="muted mg-r-md">
                                            <i class="fa fa-comment-o  mg-r-xs"></i>3523
                                        </a>
                                        <a href="javascript:;" class="text-white">
                                            <i class="fa fa-heart  text-danger mg-r-xs"></i>12K
                                        </a>
                                    </div>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>

            </section>

        </section>
    </div>

    <script src="vendor/jquery-1.11.1.min.js"></script>
    <script src="bootstrap/js/bootstrap.js"></script>
    <script src="vendor/jquery.easing.min.js"></script>
    <script src="vendor/jquery.placeholder.js"></script>
    <script src="vendor/fastclick.js"></script>


    <script src="vendor/medium/medium-editor.min.js"></script>
    <script src="vendor/offline/offline.min.js"></script>
    <script src="vendor/pace/pace.min.js"></script>


    <script src="js/off-canvas.js"></script>
    <script src="js/main.js"></script>

    <script src="js/panel.js"></script>
    <script src="js/editor.js"></script>
</body>

</html>